<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!--

        属性        解释说明
        width      宽度设置的是viewport的宽度 可以设置device-width特殊值
        initial-scale 初始缩放比 大于0的数字
        maximum-scale 最大缩放比 大于0的数字
        minimum-scale 最小缩放比 大于0的数字
        user-scalable 用户是否可以缩放 yes or no
      -->


    <!-- <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0"> -->

    <!-- 标准的viewport参数设置
        1.视口宽度和设备保持一致
        2.视口的默认缩放比例1.0
        3.不允许用户自动缩放
        4.最大允许缩放比例1.0
        5.最小允许缩放比例1.0 -->

</body>

</html>